<template>
  <div class="cons know">
      <!-- 左侧--start -->
    <div class="extension">
        <!-- 左侧标头 start-->
      <header class="storey-title">
      <div class="tui-guang">
        <a href="#">
       <svg class="icon-one" aria-hidden="true">
          <use xlink:href="#icon-xiaoxi"></use>
       </svg>
       <span>知识</span>
     </a>
    </div>
    <!-- <div class="tui-guang-little">
      <a href="#">
       <svg class="icon-two" aria-hidden="true">
          <use xlink:href="#icon-huore"></use>
       </svg>
       <span>探秘高能动物园，发现奇妙新认知</span>
      </a>
    </div> -->
      </header>
        <!-- 左侧推广标头 end-->

        <!-- 左侧视频四个--start -->
      <div class="ext-box">
        <video-card v-bind:cardNews="cardNews" class="box-tail"></video-card>
      </div>
       <!-- 左侧视频四个 --end-->
    </div>
    <!-- 右侧观看列表--start -->
    <div class="bypb-window">
      <a href="">
        <img src="../../assets/images/Know/right.jpeg" alt="">
      </a>
     
    </div>
    <!-- 右侧观看列表--end -->
  </div>
</template>

<script>
import videoCard from "../Common/VideoCard/index.vue"
export default {
  data(){
    return{
        cardNews:[
        {title:'标题1：啦啦啦',imgUrl:require('../../assets/images/Know/know01.jpeg'),upName:'我是up主'},
        {title:'标题2：啦啦啦',imgUrl:require('../../assets/images/Know/know02.jpeg'),upName:'我是up主'},
        {title:'标题3：啦啦啦',imgUrl:require('../../assets/images/Know/know03.jpeg'),upName:'我是up主'},
        {title:'标题4：啦啦啦',imgUrl:require('../../assets/images/Know/know04.jpeg'),upName:'我是up主'}
      ]
    }
  },
  components:{
    videoCard:videoCard
  }

}
</script>

<style scoped src="./index.css">
     /* @import "./index.css";  全局引入 */ 

</style>


